---
type: tutorial
unitTitle: Astroアイランドへの出航
title: 'ユニット6の導入 - Astroアイランド'
description: |-
  「初めてのAstroブログ」チュートリアル -
  Astroアイランドを使用して、フロントエンドフレームワークのコンポーネントをAstroサイトに組み込む
i18nReady: true
---
import Badge from '~/components/Badge.astro';
import Box from '~/components/tutorial/Box.astro';
import Checklist from '~/components/Checklist.astro';
import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
import Option from '~/components/tutorial/Option.astro';


完全に機能するブログができたところで、サイトにインタラクティブなアイランドを追加しましょう！

## 概要

このユニットでは、**Astroアイランド**を使用して、フロントエンドフレームワークのコンポーネントをAstroサイトに組み込みます。

以下のことをおこないます。
- AstroプロジェクトにUIフレームワークのPreactを追加する。
- Preactを使用して、インタラクティブな挨拶用のコンポーネントを作成する。
- インタラクティブな機能を追加する際に、アイランドを選択しない場合について学ぶ。


<Box icon="check-list">

## チェックリスト

<Checklist key="interactivity">
- [ ] サイトにインタラクティブな機能を追加し、アイランドでの生活を始める準備ができた！
</Checklist>
</Box>
